<template>
  <div class="c-user-info">
    <el-dropdown>
      <el-avatar src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"/>
      <template #dropdown>
        <el-dropdown-menu>
          <el-dropdown-item>{{ userInfo.nickName }}</el-dropdown-item>
        </el-dropdown-menu>
      </template>
    </el-dropdown>
  </div>
</template>

<script setup>
const userInfo = JSON.parse(localStorage.getItem('userInfo'))
</script>

<style lang="less">
.c-user-info {
  position: fixed;
  right: 20px;
  top: 10px;
}
</style>